// 右边工具栏
.right_div {
    width: 3.8rem;
    position: absolute;
    top: 9.33rem;
    right: 0;
    z-index: 999;
    .weather_div,
    .intelligence_div,
    .moncom_div,
    .tool_div,
    .message_div {
        cursor: pointer;
        width: 3.77rem;
        height: 3.77rem;
        margin-bottom: 0.33rem;
        background-color: rgba(0,0,0,0.6);
        position: relative;
        img {
            width: 1.44rem;
            height: 1.44rem;
            margin: 0.66rem 1.11rem 0 1.11rem;
        }
        span {
            font-size: 0.66rem;
            color: #fff;
            display: inline-block;
            width: 102%;
        }
        .totalnum {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
            margin-right: 0.5rem;
            padding: 0 0.3rem;
            line-height: 1.44rem;
            border-radius: 1.44rem;
            overflow: hidden;
            height: 1.44rem;
            background-color: #0089d0;
            font-size: 0.78rem;
            color: #ffffff;
        } 
    }

    .right_nav {
        width: 20rem;
        height: 30.11rem;
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        top: 0;
        right: 4rem;
        h2 {
            width: 100%;
            height: 2.66rem;
            line-height: 2.66rem;
            color: #fff;
            font-size: 1rem;
        }
        .el-tabs--border-card {
            width: 19.44rem;
            height: 26.11rem;
            margin-left: 0.27rem;
        }
        .el-switch__label.is-active {
            color: #303133;
        }
        ol li {
            list-style-type:none;
            text-align: left;
            // margin-bottom: 1.11rem;
            // box-sizing: content-box;
        }
        .el-switch {
            width: 20rem;
            height: 2.77rem;
        }
        .el-switch__core {
            position: absolute;
            right: 2rem;
        }
       
    }
    .right_nav2 {
        width: 20rem;
        height: 30.11rem;
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        top: 0;
        right: 4rem;
        .el-tabs__item{
            padding: 0;
        }
        .el-tabs--top .el-tabs__item.is-top:nth-child(2){
            padding-left:0;
        }
        .el-tabs--top.el-tabs--border-card .el-tabs__item:last-child{
            padding-right: 0;
        }
        h2 {
            width: 100%;
            height: 2.66rem;
            line-height: 2.66rem;
            color: #fff;
            font-size: 1rem;
        }
        .el-tabs--border-card {
            width: 19.44rem;
            height: 26.11rem;
            margin-left: 0.27rem;
        }
        .el-switch__label.is-active {
            color: #303133;
        }
        .el-tabs__content{
            height: 23rem;
            overflow-y: auto;
            display:block;
            position: relative;
        }
        ol li {
            list-style-type:none;
            text-align: left;
            padding: 0.5rem;
            border-bottom: 1px solid #ccc;
            // box-sizing: content-box;
            div{
                position: relative;
                span{
                    display: block;
                    color: #303133;
                    font-size: 1rem;
                    line-height: 1.5rem;
                    &:nth-child(2){
                        font-size: 0.6rem;
                        color: #999;
                    }
                }
                div{
                    position: absolute;
                    top: 0rem;
                    right: 1rem;
                    a{
                        color: #062e4d;
                    }
                }
                
            }
        }
        .el-switch {
            width: 20rem;
            height: 2.77rem;
        }
        .el-switch__core {
            position: absolute;
            right: 2rem;
        }
        .el-tabs__header{
            display: block!important;
        }
        .leaflet-top, .leaflet-bottom{
            position: fixed;
        }
        .rightFloatbox-mapcenter{
            bottom: 2.95rem !important;
        }
    }
}

.setMap{
    position: absolute;
    top: 5rem;
    right: 3.7rem;
    z-index: 999;
    .setMapTitle{
        
        width: 10rem;
        height: 1.7rem;
        
        background-color: rgba(0,0,0,0.6);
        span{
            color: #fff;
            display: inline-block;
            line-height: 1.7rem;
            font-size: 0.7rem;
            margin-left: 1rem;
        }
        .triangle_border_up{
            width:0;
            height:0;
            border-width:0 0.4rem 0.4rem;
            border-style:solid;
            border-color:transparent transparent #fff;/*透明 透明  灰*/
            float: right;
            margin-top: 0.5rem;
            margin-right: 0.5rem;
        }
        .triangle_border_down{
            width:0;
            height:0;
            border-width:0.4rem 0.4rem 0;
            border-style:solid;
            border-color:#fff transparent transparent;/*灰 透明 透明 */
            float: right;
            margin-top: 0.5rem;
            margin-right: 0.5rem;
        }
    }
    .setMapContent{
        .contents{
            &:hover{
                background-color: #aaa;
            }
            width: 100%;
            height: 2rem;
            background-color: rgba(0,0,0,0.7);
            text-align: center;
            span{
                color: #fff;
                font-size: 1rem;
                display: inline-block;
                line-height: 2rem;
                
            }
        }
    }
}
.eventzh {
    position: absolute;
    z-index: 1220;
    top: 5rem;
    left: 32rem;
    background-color: rgba(0,0,0,0.6);
    width: 24rem;
    padding: 0 0.8rem;
    .eventEmerg_top{
        position: relative;
        i {
            color: #fff;
            cursor: pointer;
            position: absolute;
            right: 0.6rem;
            top: 0.7rem;
            width: 0.8rem;
            height: 0.8rem;
        }
        span {
            width: 100%;
            margin: 0 auto;
            display: inline-block;
            color: #fff;
            font-size: 1rem;
            margin-top: 1rem;
            text-align: center;
        }
    }
    .flight_bg_main {
        margin: 0.7rem 0.4rem 1.2rem;
        background-color: #fff;
        .flight_form {
            padding-top: 0.2rem;
            .ff_top_left {
                margin-left: 1rem;
                overflow: hidden;
                .flight_value {
                    height: 2.3rem;
                    border-bottom: 1px solid #3d3d3d;
                    padding: 0.25rem;
                    label {
                        display: inline-block;
                        font-size: 0.9rem;
                        float: left;
                        color: #999999;
                        margin-top: 0.4rem;
                        margin-left: 0.3rem;
                    }
                    span {
                        float: right;
                        font-size: 0.8rem;
                        color: rgba(0,0,0,0.6);
                        margin-top: 0.4rem;
                        padding-right: 0.8rem;
                    }
                }
            }
        }
    }
}